<div class="breadCrumb clearfix">    
    <ul id="breadcrumbs">
        <li><a href="index-2.html">Home</a></li>
        <li><a href="#">Forms stuff</a></li>
        <li>Image handling</li>
    </ul>        
</div>

<div class="content">
    
    <div class="row-fluid">
        <div class="span6">
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><i class="icos-picture"></i></div>
                    <h2>Crop image</h2> 
                </div>
                <form action="http://aqvatarius.com/themes/virgo_v16/php/crop/crop.php" method="post">
                    <input type="hidden" id="crop_x" name="x" />
                    <input type="hidden" id="crop_y" name="y" />
                    <input type="hidden" id="crop_w" name="w" />
                    <input type="hidden" id="crop_h" name="h" />                        
                    <div class="block">
                        <div class="TAC">
                            <img src="/images/examples/photo/example_4.jpg" id="cropping"/>
                        </div>                                             
                    </div>
                    <div class="toolbar TAR">
                        <button class="btn btn-primary" type="submit">Crop</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="span6">
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><i class="icos-location"></i></div>
                    <h2>Image notes</h2> 
                </div>
                <div class="block">
                    <div>
                        <img src="/images/examples/photo/example_5.jpg" class="jquery-note" width="400"/>
                    </div>
                </div>
            </div>                
        </div>
    </div>
    
    <div class="row-fluid">
        <div class="span6">
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><i class="icos-upload"></i></div>
                    <h2>Image upload</h2> 
                </div>                    
                <div class="block">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;">
                            <img src="/images/noimg.gif"/>
                        </div>
                        <div>
                            <span class="btn btn-file btn-primary">
                                <span class="fileupload-new">Select image</span>
                                <span class="fileupload-exists">Change</span>
                                <input type="file" /></span>
                            <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                        </div>
                    </div>                        
                </div>
            </div>
        </div>

        <div class="span6">
            <div class="widget">
                <div class="head dark">
                    <div class="icon"><i class="icos-upload"></i></div>
                    <h2>Image upload</h2> 
                </div>                    
                <div class="block">
                    <div class="fileupload fileupload-new pull-left" data-provides="fileupload">
                        <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;">
                            <img src="/images/noimg_s.gif"/>
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;"></div>
                        <span class="btn btn-file btn-primary">
                            <span class="fileupload-new">Select image</span>
                            <span class="fileupload-exists">Change</span><input type="file" />
                        </span>
                        <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                    </div>
                    <div class="fileupload fileupload-new pull-right" data-provides="fileupload">
                        <span class="btn btn-file btn-primary">
                            <span class="fileupload-new">Select image</span>
                            <span class="fileupload-exists">Change</span><input type="file" />
                        </span>                            
                        <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                        <div class="fileupload-new thumbnail" style="width: 50px; height: 50px;">
                            <img src="/images/noimg_s.gif"/>
                        </div>
                        <div class="fileupload-preview fileupload-exists thumbnail" style="width: 50px; height: 50px;"></div>                            
                    </div>                        
                </div>
            </div>
        </div>            
        
    </div>
    
</div>    